<template>
  <div>
    <div class="row text-center mt-5 mb-4">
      <span style="font-weight: bold">推荐作品</span>
    </div>
    <div class="row">
      <div
        class="col-6 col-lg-3 mb-4"
        style="padding: 0 12px"
        v-for="item in worksModule.works_recommend"
        :key="item.id"
      >
        <comp-search-item :item="item"></comp-search-item>
      </div>
    </div>
  </div>
</template>

<script>
import { mapState } from "vuex";
import CompSearchItem from "./comp-search-item.vue";

export default {
  components: {
    CompSearchItem,
  },
  computed: {
    ...mapState(["worksModule"]),
  },
};
</script>

<style lang="less" scoped>
</style>